<template>
  <div class="Particulars">
    <el-tabs type="border-card">
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-date"></i> 个人简介
        </span>
        <div class="maxmun">
          <div class="iocn">
            <span>{{this.$route.params.id}}</span>
            <img src="static/images/1.jpg">
          </div>
          <div class="jian">
            <h3>姓名：小明</h3>
            <h3>简介：“渣渣辉”，网络流行词，该词指香港演员张家辉，因为其普通话不标准，在广告中作自我介绍的时候，把“张家辉”读成“渣渣辉”，造成谐音梗，成为笑点被网友们调侃。</h3>
            <p class="abstract">上传日期：2017-10-10</p>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="消息中心">消息中心</el-tab-pane>
      <el-tab-pane label="角色管理">角色管理</el-tab-pane>
      <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped>
.maxmun {
  display: flex;
}
h3 {
  text-align: left;
  width: 500px;
  margin-bottom: 10px;
}
.iocn img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.abstract {
  text-align: right;
}
</style>